<template>
  <div class="layout-padding">
    <div class="layout-padding-auto layout-padding-view">
      <el-tabs model-value="1" class="layout-tabs">
        <el-tab-pane label="总体情况" name="1">
          <ResultZt></ResultZt>
        </el-tab-pane>
        <el-tab-pane label="分指标统计" name="2" lazy>
          <ResultFzb></ResultFzb>
        </el-tab-pane>
        <el-tab-pane label="分区统计" name="3" lazy>
          <ResultFq></ResultFq>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script lang="ts" setup name="skycfxResult">
import ResultZt from './components/result-zt.vue';
import ResultFq from './components/result-fq.vue';
import ResultFzb from './components/result-fzb.vue';
</script>

<style scoped lang="scss">
.layout-tabs {
  height: 100%;
  :deep(.el-tabs__content) {
    height: calc(100% - 60px);
    .el-tab-pane {
      height: 100%;
    }
  }
}
</style>
